   body {
     font-family: Arial, sans-serif;
     max-width: 600px;
     margin: 0 auto;
     padding: 20px;
   }

   .container {
     display: flex;
     flex-direction: column;
     gap: 15px;
   }

   .input-group {
     display: flex;
     flex-direction: column;
     gap: 5px;
   }

   label {
     font-weight: bold;
   }

   textarea,
   input {
     padding: 10px;
     font-size: 16px;
     border: 1px solid #ccc;
     border-radius: 4px;
   }

   textarea {
     height: 100px;
     resize: vertical;
   }

   button {
     padding: 10px 15px;
     background-color: #4CAF50;
     color: white;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     font-size: 16px;
   }

   button:hover {
     background-color: #45a049;
   }

   #response {
     margin-top: 20px;
     padding: 10px;
     border: 1px solid #ddd;
     border-radius: 4px;
     min-height: 50px;
   }